<template>
  <!-- 用户服务协议及隐私政策 -->
  <view class="popup-view-container">
    <view class="content-wrap">
      <!-- title -->
      <view class="title">个人隐私保护指引</view>
      <view>欢迎您使用中国房地产报！在使用前，请充分阅读并理解<text style="color: #5f447b;"
          @click.stop="onUserAgreement">《隐私政策》</text>和<text style="color: #5f447b;"
          @click.stop="onPrivacyAgreement">《用户使用协议》</text>，点击同意按钮代表您已知悉并同意前述协议及以下约定：
        <p>1.我们可能会申请位置权限，用于为您推荐本地新闻、发表信息时展示位置信息等； </p>
		<p>2.我们可能会申请照片权限，用于您保存图片、上传图片或视频等； </p>
		<p>3.我们可能会申请相机权限，用于您发表信息时拍摄图片或视频等； </p>
		<p>4.我们可能会申请麦克风权限，用于您拍摄视频时录制声音等。  </p>
		<p>上述权限均不会默认或强制开启，我们会在相关的应用场景中向您申请。 </p>
		<!-- <text
          style="color: #5f447b;"
          @click.stop="onUserAgreement"
        >《服务协议》</text>
        和
        <text
          style="color: #5f447b;"
          @click.stop="onPrivacyAgreement"
        >《隐私政策》</text>
        了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。 -->
      </view>

      <!-- 按钮 -->
      <view class="btns-wrap">
        <!-- #ifdef MP-WEIXIN -->
        <navigator
          open-type="exit"
          target="miniProgram"
        >
          <view class="reject-btn">暂不使用</view>
        </navigator>
        <!-- #endif -->
        <!-- #ifdef APP-PLUS -->
        <view
          class="reject-btn"
          @click="onRejectClick"
        >暂不使用
        </view>
        <!-- #endif -->
        <view
          class="agree-btn"
          @click.stop="onAgreeClick"
        >同意</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    // 个人信息保护政策
    onUserAgreement() {
      this.$store.commit(this.$types.WEBVIEW_LOAD_URL, 'http://www.creb.com.cn/authorization/service-agreement.html')
      uni.navigateTo({ url: '/pages/my/webview' })
    },
    // 隐私保护政策
    onPrivacyAgreement() {
      this.$store.commit(this.$types.WEBVIEW_LOAD_URL, 'http://www.creb.com.cn/authorization/privacy-policy.html')
      uni.navigateTo({ url: '/pages/my/webview' })
    },
    // 不同意，退出App或者小程序
    onRejectClick() {
      // #ifdef APP-PLUS
      switch (uni.getSystemInfoSync().platform) {
        case 'android':
          plus.runtime.quit()
          break;
        case 'ios':
          plus.ios.import("UIApplication").sharedApplication().performSelector("exit")
          break
        default:
          break
      }
      // #endif
    },
    // 同意
    onAgreeClick() {
      this.$emit('agree')
    }
  }
}
</script>

<style scoped>
.popup-view-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 101;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.content-wrap {
  width: 540rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 42rpx;
  border-radius: 18rpx;
  background-color: #f2f2f2;
}

.title {
  font-size: 34rpx;
  font-weight: bold;
  margin-bottom: 22rpx;
}
.btns-wrap {
  margin-top: 22rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reject-btn {
  width: 200rpx;
  height: 78rpx;
  border-radius: 39rpx;
  border: rgba(95, 68, 123, 1) solid 1rpx;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 44rpx;
}

.agree-btn {
  background-color: rgba(95, 68, 123, 1);
  color: white;
  width: 200rpx;
  height: 78rpx;
  border-radius: 39rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
